<script setup lang="ts">
import HeavyComp from './HeavyComp.vue';
import { useDefer } from './useDefer';

const defer = useDefer(31);
</script>

<template>
    <div style="display: flex; flex-wrap: wrap">
        <template v-for="n in 31" :key="n">
            <HeavyComp v-if="defer(n)" />
        </template>
    </div>
</template>
